/* zhy */
.pos-ab {position: absolute;}
.main {width: 100%;top: 0;left: 0;height: 100%;overflow: hidden;}
.active {background-color: #007aff !important;color: #fff;}
.loading_div, .video_type {width: 100%;height: 100%;top: 0;left: 0;}
.loading_div {z-index: 20;}
.p1_tit {width:18.06rem;left: calc(50% - 9.03rem);top: 3.18rem;}
.p1_button {width:4.46rem;left: calc(50% - 2.23rem);top: 7.9rem;}
.page1, .page2, .page3, .page4 {width: 100%;height: 100vh;}

/* page1 */
.nav_btn {width: 3.66rem;}
.btn1 {left: 1.72rem;top: 3.98rem;}
.btn2 {left: 5.22rem;top: 6.82rem;}
.btn3 {left: 10.98rem;top: 6.82rem;}
.btn4 {left: 14.58rem;top: 3.98rem;}

/* swiper2 */
.swiper2, .swiper3, .swiper4 {
    width: 4rem;
    height: 0.7rem;
    position: absolute;
    top: 2.1rem;
    left: calc(50% - 2rem);
    overflow: hidden;
}
.swiper2 .slide {
    width: 1.28rem !important;
    height: 0.8rem !important;
    background:url(../img/a_play1.png) no-repeat cover;
    font-size: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    z-index: -1;
} 
 .swiper3 .slide {
    width: 1.28rem !important;
    height: 0.8rem !important;
    background:url(../img/a_play1.png) no-repeat cover;
    font-size: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    z-index: -1;
} 
.swiper4 .slide {
    width: 1.28rem !important;
    height: 0.8rem !important;
    background:url(../img/a_play1.png) no-repeat cover;
    font-size: 0.24rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    z-index: -1;
} 
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0.5rem !important;
    right: auto;
    top: 61.5% !important;
    background-image: url(../img/page2/left_icon.png);
    width: 0.22rem !important;
    height: 0.33rem !important;
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0.5rem !important;
    left: auto;
    top: 61.5% !important;
    background-image: url(../img/page2/right_icon.png);
    width: 0.22rem !important;
    height: 0.33rem !important;
    background-size: cover;
    background-repeat: no-repeat;
}  

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after , .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: none !important;
}

/* page2 */
.control_div1, .control_div2, .control_div3, .control_div4, .control_div5, .control_div6 {
    width: 5.57rem;
    height: 4.26rem;
}
.kuang1 {
    width: 100%;
}
.control_div1,.control_div2, .control_div3{
    top: 2.52rem;
}
.control_div4,.control_div5, .control_div6{
    top: 7.22rem;
}
.control_div1, .control_div4 {
    left: 0.81rem;
}
.control_div2, .control_div5 {
    left: 6.83rem;
}
.control_div3, .control_div6 {
    left: 12.81rem;
}
.back_btn {
    width: 1.3rem;
    bottom: 0.15rem;
    right: 0.3rem;
}
.btn_stay {
    width: 4.36rem;
    top: 1.17rem;
    left: calc(50% - 2.18rem);
}
.page2_btn_video {
    width: 3.87rem;
    height: 0.54rem;
    top: 3.3rem;
    left: calc(50% - 1.935rem);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.play_btn {
    width: 0.49rem;
}
.pause_btn {
    width: 0.51rem;
}
.vlo_up_btn {
    width: 0.61rem;
}
.vlo_down_btn {
    width: 0.41rem;
}
.page2_btn_div {
    width: 4.8rem;
    height: 0.72rem;
    top: 1.5rem;
    left: 0.33rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.c_btn{
    margin-top: 0.3rem;
    width: 2.25rem;
}
.c_btn2{
    margin-top: 0.2rem;
    width: 2.25rem;
}

/* page4音量 */
.jindu_div {
    width:4.72rem;
    height: 0.2rem;
    top: 3.34rem;
    left: calc(50% - 2.36rem);
}
/* 进度条 */
.jiazai {
    width: 4.67rem;
    height: 0.19rem;
    background: url(../img/page2/jdk.png) no-repeat;
    background-size: cover;
    top: 0;
    left: 0rem;
}
.jd_click_content {
    width: 4.67rem; 
    height: 0.2rem;
    top: 0rem;
    left: 0rem;
}
.jd_content {
    width: 2.335rem; 
    height: 0.2rem;
    overflow: hidden;
    top: 0rem;
}
.loo {
    width: 4.67rem;
}
/* 关机按钮 */
.guanji_div {
    width: 2rem;
    height: 1rem;
    /* background-color: yellow; */
    top: 0;
    left: 0;
}

/* 重连 */
.reconnect_div {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    /* background:url(../img/page1/bg.png) no-repeat top; */
    background-size: cover;
}
.reconnect_button {
    position: absolute;
    width: 2.86rem;
    height: 2.85rem;
    background:url(../img/pb_btn.png) no-repeat center;
    background-size: cover;
    text-align: center;
    line-height: 0.38rem;
    top: 5rem;
    left: calc(50% - 2.03rem);
}
.button {
    width: 100%;
    height: 100%;
}
.button_class {
    font-size: 0.48rem;
}
.reconnect_text {
    font-size: 0.28rem;
    position: absolute;
    top: 0.5rem;
    /* left: calc(50% - 3.2rem); */
    right: 0.2rem;
    width: auto;
    height: 0.5rem;
    line-height: 0.48rem;
    padding: 0 0.5rem;
    text-align: center;
    border: 1px solid #fff1ca;
    color: #fff;
    background-color: #063683;
    border-radius: 0.5rem;
}
.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}
.disabledbutton2 {
    pointer-events: none;
}